<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>itronys</title>
<meta name="keyword" content="itronys,元赛,life" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/bigscreen.css" media="only screen and (min-width: 1025px)" />
<link rel="stylesheet" type="text/css" href="/css/smallscreen.css" media="only screen and (max-width: 1024px)" />
<link rel="stylesheet" type="text/css" href="/css/materialize.css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="shortcut icon" type="image/x-icon" href="/ico/itronys.ico" media="screen" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
</head>
<body>
	<div id="left" class="left-content">
		<div class="avatar">
			<a href="/"> <img src="/img/logo.jpg"></a>
		</div>
		<div class="info">
			<span>itronys</span>
		</div>
		<div class="list">
			<ul>
				<li><a href="/">ABOUT</a></li>
				<li><a href="/me/work.html">WORK</a></li>
				<li><a href="/me/tech.html">TECH</a></li>
				<li><a href="/me/resume.html">RESUME</a></li>
				<li><a class="active" href="/me/life.html">LIFE</a></li>
				<li><a href="/me/contact.html">CONTACT</a></li>
			</ul>
		</div>
		<div class="contact">
			<a href="https://github.com/itronys"><img src="/img/github.png"></a> <a href="https://www.facebook.com/"><img src="/img/facebook.png"></a> <a href="https://twitter.com/"><img src="/img/twitter.png"></a>
		</div>
		<div class="list-phone">
			<div class="row">
				<div class="col s3">
					<a href="/">关于</a>
				</div>
				<div class="col s3">
					<a href="/me/work.html">工作</a>
				</div>
				<div class="col s3">
					<a href="/me/resume.html">简历</a>
				</div>
				<div class="col s3">
					<a href="/me/contact.html">联系</a>
				</div>
			</div>
		</div>
	</div>
	<div id="right" class="right-content">
		<div class="page-life">
			<div class="on"></div>
			<div class="music">
				<div class="header">
					<div class="image">
						<img src="/img/music.png">
					</div>
					<div class="line">
						<hr />
					</div>
				</div>
				<div class="title">
					<h4>Lasted Music</h4>
				</div>
				<div class="content">
					<div class="card">
						<div class="list">
							<table>
								<thead>
									<tr>
										<th>Music</th>
										<th>Singer</th>
										<th>Albums</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>Papercut</td>
										<td>Zedd; Troye Sivan</td>
										<td>True Colors</td>
									</tr>
									<tr>
										<td>Beautiful Now</td>
										<td>Zedd; Jon Bellion</td>
										<td>True Colors</td>
									</tr>
									<tr>
										<td>No Promises</td>
										<td>Shayne Ward</td>
										<td>Shayne Ward</td>
									</tr>
									<tr>
										<td>Legacy</td>
										<td>Nicky Romero</td>
										<td>Ultra Music</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="more">
							<div class="card-action">
								<a href="http://music.163.com/">VIEW MORE</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="video">
				<div class="header">
					<div class="image">
						<img src="/img/video.png">
					</div>
					<div class="line">
						<hr />
					</div>
				</div>
				<div class="title">
					<h4>Lasted Video</h4>
				</div>
				<div class="content">
					<div class="row">
						<div class="col s12 m4">
							<div class="card">
								<div class="card-image">
									<img src="/img/eguntianshi.jpg">
								</div>
								<div class="card-action">
									<a href="http://movie.douban.com/subject/26290365/">恶棍天使</a>
								</div>
							</div>
						</div>
						<div class="col s12 m4">
							<div class="card">
								<div class="card-image">
									<img src="/img/wanmingzhuizhong.jpg">
								</div>
								<div class="card-action">
									<a href="http://movie.douban.com/subject/24718797/">玩命速递4</a>
								</div>
							</div>
						</div>
						<div class="col s12 m4">
							<div class="card">
								<div class="card-image">
									<img src="/img/qitiandasheng.jpg">
								</div>
								<div class="card-action">
									<a href="http://movie.douban.com/subject/26277313/">大圣归来</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="more">
					<a href="http://movie.douban.com/" class="waves-effect waves-light btn"><i class="material-icons right">trending_flat</i>more</a>
				</div>
			</div>
			<div class="football">
				<div class="header">
					<div class="image">
						<img src="/img/football.png">
					</div>
					<div class="line">
						<hr />
					</div>
				</div>
				<div class="title">
					<h4>Football Club</h4>
				</div>
				<div class="content">
					<div class="row">
						<div class="col s12 m6">
							<div class="card">
								<div class="card-image">
									<img src="/img/bayern.jpg"> <span class="card-title">Bayern Munchen</span>
								</div>
								<div class="card-content">
									<p>阿尔扬·罗本, 哈维·阿隆索, 托马斯·穆勒</p>
								</div>
								<div class="card-action">
									<a href="http://www.fcbayern.cn/">VIEW MORE</a>
								</div>
							</div>
						</div>
						<div class="col s12 m6">
							<div class="card">
								<div class="card-image">
									<img src="/img/barcelona.jpg"> <span class="card-title">Barcelona</span>
								</div>
								<div class="card-content">
									<p>莱奥内尔·梅西, 内马尔·达席尔瓦, 苏亚雷斯</p>
								</div>
								<div class="card-action">
									<a href="http://fcbarcelona.qq.com/">VIEW MORE</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<p>© itronys</p>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="/js/materialize.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {

		});
	</script>
</body>
</html>
